<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../css/bootstrap.css"/>
		<link rel="stylesheet" href="../css/bootstrap-icons.css"/>
		<script src="../js/bootstrap.bundle.js"></script>
	</head>
	<style>
		
		button{
			background-color: #169BD5;
			color: #fff;
			/* box-shadow: 20px; */
			border-radius: 7px;
			border-style: none;
			margin-top: 12px;
		}
		.z .bf table tr td  button{
			background-color: #169BD5;
			color: #fff;
			border-radius: 7px;
			border-style: none;
			margin-top: 12px;
			margin-left: 80px;
		}
		.buttons{
			background-color: #D9001B;
		}
		
		a{
			text-decoration: none;
			color: #333333;
		}
		.p2{
			width: 1330px;
			height: 50px;
			background-color: #f2f2f2;
			
		}
		.a2{
			width: 200px;
			background-color: #F2F2F2;
		}
		.a2 .container{
			height: 930px;
		  margin-top: 0	;
		}
		td{
			width: 400px;
		}
		 div{
		   float: right;
		}
		.p1{
			background-color: #f2f2f2;
		
		}
		.p2{
			width: 1330px;
			height: 50px;
			background-color: #f2f2f2;
			
		}
		.bf{
			width: 1330px;
			height: 150px;
		}
		.z .bf table td div input{
			border-radius: 4px;
			margin-top: 18px;
			font-size: 10px;
			width: 235px;
			height: 22px;
			 border: 1px solid #666;
		}
		.z{
			font-size: 3px;
		}
		#d1{
			height: 640px;
			width: -1000px;
		}
		
		
		.mask{
			background-color: rgba(0, 0, 0, .5);
			/* 撑满全屏:使用固定定位定位且四个方向值都为08 */
			position: fixed;
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			display: none;
		}
		/* 登录框 */
		.mask .login{
			width: 600px;
			height: 520px;
			background-color: #fff;
			padding: 20px;
			/* 当一个明确宽高的子元素使用绝对定位四个方向的值为0,可以结合margin:auto;
			实现在父元素中的水平居中 */
			/* 脱离文档流 */
			position: absolute;
			/* 四个方向全为0,然后居中 */
			top:0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
		/* 为登录框的input做统一样式设置 */
		.mask .login input{
			width: 100%;
			height: 30px;
			padding: 0 10px;
			margin-top: 20px;
			/* 变成盒子模型 */
			box-sizing: border-box;
		}
	</style>
	<body>
		<div class="z">
			<div class="bf">
				<table>
					<tr>
						<td><div>项目编码:<input type="text" /></div></td>
						<td><div>项目名称:<input type="text" /></div></td>
						<td><div>合同编码:<input type="text" /></div></td>
						<td><div>合同名称:<input type="text" /></div></td>
						
					</tr>
					<tr>
						<td><div>支付编码:<input type="text" /></div></td>
						<td><div>付款主体:<input type="text" /></div></td>
						<td><div>付款账号:<input type="text" /></div></td>
						<td><div>申请金额:<input type="text" /></div></td>
						
					</tr>
					<tr>
						<td><div>批复金额:<input type="text" /></div></td>
						<td><div>收款人:<input type="text" /></div></td>
						<td><div>付款起止日期:<input type="text" /></div></td>
						<td><button>查询</button>      <button>重置</button></td>
						
					</tr>
				</table>
			</div>
			<div class="p2">
			<button id="new1">新建</button> 
			<button>修改</button>    
			<button class="buttons">删除</button>    
			<button>导入</button>    
			<button>导出</button>
			</div>
			
		
			<div class="d1" >
			<iframe width="1340px" height="700px" src="zijinzifushengqing_hdi.html" frameborder="0" id="d1"></iframe>
				</div>
				<script>
				new1.onclick=function(){
					mask.style.display='block'
				qn2.onclick=function(){
					mask.style.display='none'
				}
				}
				 </script>
					<div class="mask" id="mask">
						<div class="login">
							<iframe src="__zifuxingxidengji.html" width="100%" height="455px" frameborder="0"></iframe>
						
						<div id="qn2">
							<button   style="width: 100px; height: 20px;line-height: 20px;">取消</button>
							<button style="width: 100px; height: 20px;line-height: 20px;" >保存</button>
							<button style="width: 100px; height: 20px;line-height: 20px;">送审</button>
						</div>
						</div>
					</div>
		</div>
	</body>
</html>